/* Base Rules
================================================== */

* {
    margin:0;
    padding:0;
}

html, body {
    border:none;
}

body {
	<!--background:#EAEAEA url(../img/favicon.png) repeat-x 0 150px;-->
	color:#1F1F1F;
    font-size:0.75em;
    font-family:arial,helvetica,sans-serif;
}

html.fullmap, 
body.fullmap {
	height:100%;
	min-width:800px;
	min-height:500px;
}

body.fullmap {
	background:#E5E3DF url(../img/cardinal-direction.png) repeat 0 0;
	color:#1F1F1F;
}

/* Header
================================================== */

header,
#header {
	display:block;
	position:relative;
	z-index:3;
    height:150px;
    background:#F8F8F8;
	color:inherit;
}

    header a,
	#header a {
        background-color:transparent;
        color:#000;
    }

    header .inner,
	#header .inner {
        height:150px;
    }
    
        #logo {
            position:absolute;
            top:35px;
            left:0;
			z-index:1;
			width:260px;
			height:70px;
        }
		
			#logo a {
				display:block;
			}
		
		nav {
			position:absolute;
			bottom:-30px;
			left:0;
			z-index:2;
			margin:0 auto;
			width:100%;
			height:50px;
		}
		
			nav ul {
				position:relative;
				padding:0 17px;
				height:40px;
				background-color:#1F1F1F;
				color:#F8F8F8;
				list-style:none outside url(../img/blank.png);
				text-transform:uppercase;
				font-size:1.2em;
				font-family:"century gothic",verdana,arial,helvetica,sans-serif;
			}
			
			nav ul:after {
				display:block;
				clear:both;
				content:"";
			}
			
				nav ul > li {
					position:relative;
					float:left;
					text-align:center;
					height:50px;
					line-height:40px;
				}
				
				nav ul > li:hover > ul {
					display:block !important;
					visibility:visible !important;
				}
				
				nav ul > li.active {
					background:transparent url(../img/menu-arrow.png) no-repeat 50% 0;
					color:inherit;
				}
				
				nav ul > li.active:hover {
					background:transparent url(../img/menu-arrow.png) no-repeat 50% -50px;
					color:inherit;
				}
				
					nav ul > li a {
						display:block;
						padding:0 16px;
						height:40px;
						background-color:transparent;
						color:#F8F8F8;
					}
					
					nav ul > li:hover a {
						background-color:#373737 !important;
						color:#F8F8F8;
						text-decoration:none;
					}

					nav ul > li.active a {
						background-color:transparent;
						color:#FF9000;
					}
					
					nav ul > li.dropdown-menu > a {
						background-image:url(../img/menu-dropdown-arrow.png);
						background-position:3px 50%;
						background-repeat:no-repeat;
						cursor:default;
					}
				
				nav ul ul {
					position:absolute;
					top:100%;
					right:0;
					left:0;
					z-index:99999;
					display:block;
					visibility:hidden;
					margin-top:-10px;
					padding:0;
					height:auto;
					background-color:#373737;
					color:#F8F8F8;
				}
				
					nav ul ul li {
						position:relative;
						float:none;
						height:auto;
						line-height:1em;
					}
					
						nav ul ul li a {
							padding:7px 10px 7px 16px;
							height:auto;
							background-color:transparent;
							color:#F8F8F8;
							text-align:left;
							font-size:70%;
						}
				
						nav ul ul li:hover a {
							background-color:#494949 !important;
							color:#F8F8F8;
						}
						
						nav ul li.active ul a {
							background-color:transparent;
							color:#F8F8F8;
						}
						
						nav ul ul li.active a {
							background-color:transparent;
							color:#FF9000;
						}
		
        #quick-links {
            position:absolute;
			top:10px;
			right:30px;
			z-index:3;
			width:200px;
			height:20px;
			background-color:transparent;
			color:#595959;
			text-align:right;
        }
		
			#quick-links a {
				background-color:transparent;
				color:#595959;
			}
		
		#gototop {
			position:fixed;
			bottom:5px;
			right:5px;
			z-index:4;
			overflow:hidden;
			width:15px;
			height:15px;
		}
		
			#gototop a {
				display:block;
				width:15px;
				height:15px;
				background:transparent url(../img/go-to-top.png) no-repeat 0 0;
				color:inherit;
				text-indent:15px;
				font-size:0;
			}
			
			#gototop a:hover {
				background-position:0 -15px;
			}

/* Main
================================================== */

main,
#main {
	display:block;
	position:relative;
	z-index:2;
    padding:30px 0 13px;
}

    main .inner,
	#main .inner {
		background-color:#F8F8F8;
		color:inherit;
		box-shadow:0 3px 6px -4px #595959;
    }
	
	/* Content
		================================================== */
		
	    #content {
			padding:30px;
			min-height:300px;
		}
		
		
			/* Home content
			================================================== */
			
			#home-content {
				float:left;
				width:510px;
			}

/* Footer
================================================== */

footer,
#footer {
	display:block;
	position:relative;
	z-index:1;
}

    footer .inner,
	#footer .inner {
        background-color:#1F1F1F;
		color:#A9A9A9;
		font-size:0.9em;
		box-shadow:0 13px 6px -3px #595959;
    }
	
		footer .container,
		#footer .container {
			padding:30px 30px 140px 25px;
			border-left:5px solid #FF9000;
		}
		
			footer a,
			#footer a {
				background-color:transparent;
				color:#A9A9A9;
			}
			
			footer a:hover,
			#footer a:hover {
				background-color:transparent;
				color:#FF9000;
			}
			
			#footer-contact {
				float:left;
				width:255px;
			}
			
				#footer-tel {
					margin-top:10px;
					padding-left:25px;
					background:transparent url(../img/icons/tel.png) no-repeat 0 50%;
					color:inherit;
					font-size:1.4em;
				}
			
			#footer-sitemap {
				float:left;
				padding-left:20px;
				width:230px;
				border-left:1px solid #535353;
			}
			
			#footer-info {
				position:absolute;
				right:30px;
				bottom:20px;
				z-index:1;
				width:300px;
				text-align:right;
			}
				
				#w3c-standards {
					float:right;
					margin:10px 0 12px;
				}
					
					#w3c-standards a {
						display:block;
						float:left;
						overflow:hidden;
						height:14px;
						background:transparent url(../img/w3c-standards.png) no-repeat 0 14px;
						color:inherit;
						text-indent:100px;
						font-size:0;
					}
				
					#w3c-standards .w3c-standards-html {
						margin-right:5px;
						width:59px;
						background-position:0 0;
					}
					
					#w3c-standards .w3c-standards-css {
						margin-right:5px;
						width:59px;
						background-position:0 -14px;
					}
					
					#w3c-standards .w3c-standards-wcag {
						width:72px;
						background-position:0 -28px;
					}
				
				#footer-info .footer-project {
					clear:both;
				}
				
				#footer-info .footer-project a {
					font-size:0.8em;
				}
			
			#footer-gototop {
				position:absolute;
				top:0;
				right:30px;
				z-index:1;
				overflow:hidden;
				width:200px;
				height:24px;
			}
			
				#footer-gototop span {
					position:absolute;
					top:0;
					right:24px;
					z-index:1;
					display:none;
					overflow:hidden;
					padding:7px 7px 0 0;
					width:176px;
					height:24px;
					background-color:transparent;
					color:#FF9000;
					text-align:right;
				}
				
				#footer-gototop a {
					position:absolute;
					top:0;
					right:0;
					z-index:1;
					display:block;
					overflow:hidden;
					width:24px;
					height:24px;
					background:#FF9000 url(../img/go-to-top-footer.png) no-repeat 50% 13px !important;
					color:inherit;
					text-indent:24px;
					font-size:0;
				}

				#footer-gototop a:hover {
					
				}
				
				#footer-gototop a.keyboard-focus {
					outline:0;
				}
